<script setup lang="ts">
import AddWrite from './components/addWrite.vue'
import { ContentDetailWrap } from '@/components/ContentDetailWrap'
import { ref, unref, onMounted } from 'vue'
import { ElButton } from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
import { useRouter, useRoute } from 'vue-router'
import { customs_orderEdit, customs_orderDetail } from '@/api/common'
import { CustomsClearanceFormType } from '@/api/common/types'
import { TableData } from '@/api/table/types'
import { useEmitt } from '@/hooks/web/useEmitt'

const { emitter } = useEmitt()

const { push } = useRouter()

const { query } = useRoute()

const { t } = useI18n()

const currentRow = ref<Nullable<TableData>>(null)
const isDetail: any = ref(false)

onMounted(() => {
  console.log('---isDetail---', query.isDetail)
  isDetail.value = query.isDetail
})
const getTableDet = async () => {
  const res = await customs_orderDetail(query.id as string)
  if (res) {
    console.log('---获取row内容---')
    currentRow.value = res.data
  }
}

getTableDet()

const addWriteRef = ref<ComponentRef<typeof AddWrite>>()

const loading = ref(false)

const save = async () => {
  const write = unref(addWriteRef)
  console.log('---addWrite---', write?.getFormData())
  const data = {
    id: write?.getFormData()?.id,
    code: write?.getFormData()?.code,
    batchno: write?.getFormData()?.batchno,
    customs_id: write?.getFormData()?.customs_id,
    quantity: write?.getFormData()?.quantity,
    density: write?.getFormData()?.density,
    units: write?.getFormData()?.units,
    export_weight: write?.getFormData()?.export_weight,
    export_volume: write?.getFormData()?.export_volume,
    export_density: write?.getFormData()?.export_density,
    total_fee: write?.getFormData()?.total_fee,
    price: write?.getFormData()?.price,
    mobile: write?.getFormData()?.mobile,
    worker: write?.getFormData()?.worker,
    margin: write?.getFormData()?.margin,
    internal_charge: write?.getFormData()?.internal_charge,
    pledge: write?.getFormData()?.pledge,
    foreign_charge: write?.getFormData()?.foreign_charge
  } as CustomsClearanceFormType
  console.log('---客户管理单新增参数---', data)
  const res = await customs_orderEdit(data, write?.getFormData()?.id)
  if (res) {
    emitter.emit('getList', 'edit')
    push('/logistics/CustomsClearanceFormEdit')
  }
}
</script>

<template>
  <ContentDetailWrap
    :title="!isDetail ? t('exampleDemo.edit') : '详情'"
    @back="push('/logistics/CustomsClearanceFormEdit')"
  >
    <!-- <Write ref="addWriteRef" :current-row="currentRow" /> -->
    <AddWrite ref="addWriteRef" :current-row="currentRow" />

    <template #right v-if="!isDetail">
      <ElButton type="primary" :loading="loading" @click="save">
        {{ t('exampleDemo.save') }}
      </ElButton>
    </template>
  </ContentDetailWrap>
</template>
